<style>
    .content-title b{
        color: red;

    }
</style>
<div ng-show="nestAccountFrom" id="nest-accountFrom" class="prompt-modal middle-box" style="display:none">
    <div class="prompt-wrap">
        <div class="bomb-box" style="min-height:500px">
            <div class="title">{{promptTitle}}</div>
            <div class="prompt-content">
                <form name="AccountFrom" novalidate="novalidate">
                    <div id="AccountFrom">
                        <ul class="isContainer switch-list" style="height:300px">
                            <li style="height:64px;">
                                <div class="content-title"><b>*</b><%=account_user_name%>：</div>
                                <input style="top:13px;" ng-blur="checkUserExsist()" ng-show="!isEdit"   ng-show="!isEdit" ng-trim="false" validate-code="{ruleReg:'code', ruleRegMsg:'<%=common_validate_code%>', maxLength:'30'}" class="input-text check-user-exist" name="username" ng-model="username" type="text" required>
                                <span class="input-text" style="text-align:left;top:19px" ng-show="isEdit">{{username}}</span>
                                <div style="top: 45px;" class="verification">
                                    <span class="errors" id="exchange-msg" ng-show="AccountFrom.username.$viewValue && AccountFrom.username.$error.defined && AccountFrom.username.$dirty">{{AccountFrom.username.errorTips}}</span>
                                </div>

                                <div style="top: 45px;" class="verification" id="account-user">
                                    <span class="errors"></span>
                                </div>
                            </li>

                            <li style="height:64px;">
                                <div class="content-title"><b>*</b><%=account_name%>：</div>
                                <input style="top:13px;"  ng-trim="false" maxlength="30" autocomplete="off" class="input-text" name="name" ng-model="name" type="text" validate-code="{ruleReg:'surname', ruleRegMsg:'<%=common_template_surname%>'}"  required>
                                <div style="top: 45px;" class="verification">
                                    <span class="errors" id="name-msg" ng-show="AccountFrom.name.$viewValue && AccountFrom.name.$error.defined && AccountFrom.name.$dirty">{{AccountFrom.name.errorTips}}</span>
                                </div>
                            </li>

                            <li style="height:64px;">
                                <div class="content-title"><b>*</b><%=account_email%>：</div>
                                <input style="top:13px;" ng-blur="checkAccountEmail()" ng-trim="false" ng-focus="clearEmailError()" validate-code="{ruleReg:'email', ruleRegMsg:'<%=common_validate_email%>'}" class="input-text" name="accountEmail" ng-model="accountEmail" type="text" maxlength="30" required>
                                <div style="top: 45px;" class="verification">
                                    <span class="errors" ng-show="AccountFrom.accountEmail.$viewValue && AccountFrom.accountEmail.$error.defined && AccountFrom.accountEmail.$dirty">{{AccountFrom.accountEmail.errorTips}}</span>
                                </div>
                                <div style="top: 45px;" class="verification" id="account-email">
                                    <span class="errors"></span>
                                </div>
                            </li>

                            <li style="height:64px;">
                                <div class="content-title"><b>*</b><%=account_tel%>：</div>
                                <input style="top:13px;" ng-trim="false" validate-code="{ruleReg:'fix', ruleRegMsg:'<%=common_template_fix%>'}" ng-blur="checkPhoneExist()" class="input-text check-phone" name="tel" ng-model="tel" type="text" maxlength="30" required>
                                <div style="top: 45px;" class="verification">
                                    <span id="tel-msg" class="errors" ng-show="AccountFrom.tel.$viewValue && AccountFrom.tel.$error.defined && AccountFrom.tel.$dirty">{{AccountFrom.tel.errorTips}}</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>
            <div class="operation">
                <button ng-click="closePrompt();" name="prompt-close" class="btn btn-default" data-event="close"><%=account_cancel%></button>
                <button ng-click="savePrompt();" name="prompt-save" class="btn btn-primary" data-event="close"><%=account_save%></button>
            </div>
        </div>
    </div>
</div>
<section class="content type-filter-layout" style="margin-top:20px">
    <!-- ****类型列表List* -->
    <div class="white-background" ng-controller="tableController">
        <div class="batch-operation">
            <button ng-click="addAccount();" class="btn btn-primary"><%=common_page_add%></button>
            <button ng-click="deleteAccount();" class="btn btn-primary"><%=common_page_delete%></button>
            <button ng-click="lockAccount();" class="btn btn-primary"><%=customer_lock%></button>
            <div style="position: relative;display: inline-block;margin-left:10px;">
                <button ng-mouseover="showMore();" ng-mouseout="hideMore();" class="btn btn-primary"><%=account_more%>
                    <i class="icon-more-down icon-angle-down"></i>
                </button>
                <nav ng-show="tableModel.more" ng-mouseover="showMore();" ng-mouseout="hideMore();" class="more-operat ng-hide">
                    <a ng-click="resetPassword();"><%=account_reset_password%></a>
                    <a ng-click="unlockAccount();"><%=customer_delete_lock%></a>
                </nav>
            </div>
        </div>
        <div class="table-container">
            <table class="customer-table table-box" cellpadding="0" cellspacing="0">
                <thead>
                <tr>
                    <th style="width:5%">
                        <div class="checkbox checkbox-info">
                            <input type="checkbox" ng-model="tableModel.selectFlag" ng-click="table.selectAll(tableModel);">
                            <label></label>
                        </div>
                    </th>
                    <th style="width:{{tableModel.tableHeaderSize[$index]}}" ng-repeat="item in tableModel.tableHeader">{{item}}</th>
                </tr>
                </thead>

                <tbody>
                <tr ng-repeat="value in tableModel.tableBody" ng-init="renderFinish($last)">
                    <td>
                        <i ng-show="value.isLocked" class="icon-lock lock"></i>
                        <div class="checkbox checkbox-info">
                            <input type="checkbox" ng-checked="value.checkbox" ng-click="table.selectOne(tableModel, value.checkboxId, $event);">
                            <label></label>
                            <!-- <span class="state-code" style="display: none;">{{value.status}}</span> -->
                        </div>
                    </td>
                    <td>{{(tableModel.pagination.currentPage-1)*tableModel.pagination.pageSize+$index+1}}</td>
                    <td title="{{value.userName}}"><a href="javascript:void(0)" ng-click="editChildAccount(value)">{{value.userName}}</a></td>
                    <td title="{{value.fullName}}">{{value.fullName}}</td>
                    <td title="{{value.email}}">{{value.email}}</td>
                    <td title="{{value.mobilePhone}}">{{value.mobilePhone}}</td>
                    <td title="{{value.isSystem}}">{{value.isSystem | serviceType}}</td>
                </tr>
                </tbody>
            </table>
            <hnapagination table-service="table" page-table-model="tableModel"></hnapagination>
        </div>
        <div ng-show="!tableModel.pagination.isVisiblePage" style="position: absolute;top:165px;bottom:0px;width:100%;">
            <img style="width:100%;height:100%;" src="/public/img/undefined.svg">
        </div>
    </div>
</section>